<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="ie=edge" />
		<meta name="viewport"
			content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>图像立体滑动效果</title>
		<link rel="stylesheet" href="style.css" />
	</head>
	<body>
		<div class="box">
			<div class="item"><img src="images/lizhi.png" alt="lizhi" /></div>
			<div class="item"><img src="images/longyan.png" alt="longyan" /></div>
			<div class="item"><img src="images/xiangjiao.png" alt="xiangjiao" /></div>
			<div class="item"><img src="images/hongcheng.png" alt="hongcheng" /></div>
			<div class="item"><img src="images/boluo.png" alt="boluo" /></div>
			<div class="item"><img src="images/sanhuali.png" alt="sanhuali" /></div>
			<div class="item"><img src="images/shatangju.png" alt="shatangju" /></div>
		</div>
		<div class="button">
			<span class="previous"></span>
			<span class="next"></span>
		</div>
		<script src="script.js"></script>
	</body>
</html>